<div class="page">
	<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">我的资产</div>
			<!--<div class="subnavbar">
				<form data-search-container=".search-list" data-search-in=".item-title" class="searchbar searchbar-init">
					<div class="searchbar-inner">
						<div class="searchbar-input-wrap">
							<input type="search" placeholder="请输入资产编码" />
							<i class="searchbar-icon"></i>
							<span class="input-clear-button"></span>
						</div>
						<span class="searchbar-disable-button">取消</span>
					</div>
				</form>
			</div>-->
		</div>
	</div>
	<div class="page-content">
		<section class="main" id="userAssetContent">
			<!--搜索框-->
			<div class="search">
				<input type="search" placeholder="请输入资产编码" /><i class="f7-icons">search</i>
			</div>
			<!--我的资产信息模板-->
			<script type="text/template7" id="templateUserAssetMseeage">
				<img src="../i/head-sm.png" alt="" />
				<ul>
					<li>姓名：<i>{{CurrentUserName}}</i></li>
					<li>身份：<i>{{CurrentUserRoleName}}</i></li>
				</ul>
				<div class="statistic">资产数量：<i>{{AssetTotal}}</i></div>
			</script>
			<div class="asset-num" id="asset-num">
			</div>
			<!--资产列表模板-->
			<script id="templateUserAsset" type="text/template7">
				{{#each dataList}}
				<li class="accordion-item">
					<a href="#" class="item-content item-link">
						<div class="item-inner">
							<div class="item-title">
								<ul>
									<li><span>资产编码：</span>{{资产编码}}</li>
									<li><span>资产名称：</span>{{资产名称}}</li>
									<li><span>资产类别：</span>{{资产类别}}</li>
									<li><span>规格型号：</span>{{规格型号}}</li>
								</ul>
							</div>
						</div>
					</a>
					<div class="accordion-item-content">
						<ul class="row no-gap">
							<li class="col-50"><span>品牌：</span>{{品牌}}</li>
							<li class="col-50"><span>管理部门：</span>{{责任管理部门}}</li>
							<li class="col-50"><span>资产原值：</span>{{资产原值}}</li>
							<li class="col-50"><span>责任人：</span>{{责任管理人}}</li>
							<li class="col-50"><span>使用部门：</span>{{使用部门}}</li>
							<li class="col-50"><span>资产状态：</span>{{资产状态}}</li>
							<li class="detail">
								<a href="/asset-detail/?assetId={{Id}}&act=view">详情</a>
							</li>
						</ul>
					</div>
				</li>
				{{/each}}
			</script>
			<div id="userAssetList">
				<div class="page-content ptr-content infinite-scroll-content" data-ptr-distance="55">
					<div class="ptr-preloader">
						<div class="preloader"></div>
						<div class="ptr-arrow"></div>
					</div>
					<div class="list" id="userAssetBox">
						<ul>
						</ul>
					</div>
					<div class="preloader infinite-scroll-preloader"></div>
				</div>
			</div>
		</section>
		<!-- 底部导航 start -->
		<footer>
			<ul class="row no-gap footerNav">
				<li class="col-25">
					<a href="/" data-animate="false">
						<i class="aliiconfont aliicon-home"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/user-asset/">
						<i class="aliiconfont aliicon-reorder"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/scan-stocktak/?_type=assetCode" id="scanAsset">
						<i class="aliiconfont aliicon-icon_QRcode"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/user-center/">
						<i class="aliiconfont aliicon-user"></i>
					</a>
				</li>
			</ul>
		</footer>
		<!-- 底部导航 end -->
	</div>

	<style>
		.md .list .item-inner:after,
		.ios .list .item-inner:after {
			height: 0;
		}
		
		div#userAssetList {
			position: fixed;
			overflow: auto;
			margin-top: -25px;
			top: 15.4rem;
			bottom: 5rem;
			width: 100%;
			
			background: #E3E3E3;
		}
		
		#userAssetList li {
			font-size: 1.4rem;
			margin: .5rem 0;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		#userAssetList li.accordion-item {
			border: 1px solid #ccc;
			border-radius: 8px;
			background: #fff;
			margin: 1rem 0;
		}
		
		#userAssetList .accordion-item {
			padding: 0 1rem 0 0;
			margin: 0;
		}
		
		#userAssetList .accordion-item ul {
			padding-left: 1rem;
			margin-bottom: 1rem;
			margin-top: .3rem;
		}
		
		#userAssetList .accordion-item+.accordion-item {
			border-top: 1px solid #c8c7cc;
		}
		
		#userAssetList .detail {
			clear: both;
			width: 100%;
			text-align: right;
		}
		
		#userAssetList .detail a {
			color: #fff;
			background: #01B3E2 !important;
			border-radius: 5px;
			display: inline-block;
			margin-left: 2rem;
			padding: .5rem 1rem;
		}
		
		#userAssetList .list .item-content {
			padding-left: 0;
		}
		
		#userAssetList .item-inner {
			padding-top: 0;
			padding-bottom: 0;
			padding-right: 0;
		}
		
		.ios #userAssetList .list,
		.md #userAssetList .list {
			margin: 0;
			padding: 0 1rem;
		}
		
		div#asset-num {
			/*margin-top: 20px;*/
			position: relative;
			background: #fff;
			z-index: 5;
		}
		
		#asset-num img {
			vertical-align: top;
		}
		
		#asset-num ul {
			margin-top: 0;
			display: inline-block;
			padding-right: 1rem;
			border-right: 2px solid #ccc;
			list-style: none;
		}
		#asset-num ul li{
			margin: .5rem 0;
		}
		#asset-num .statistic {
			font-weight: 700;
			vertical-align: super;
			font-size: 16px;
			display: inline-block;
		}
		
		#asset-num i {
			font-style: normal;
		}
		
		.main {
			background: #E3E3E3;
		}
		
		.searchbar-inner {
			background: #fff;
		}
		
		.searchbar-input-wrap input {
			background: #fff;
		}
	</style>
</div>